@import './modules/reset';
@import './modules/header';
@import './modules/footer';



//轮播图     图片缩放不失真的一套方法
// .banner {
//     width: 100%;
//     min-width: 1280px; //不设置高度保证图片缩放时不失真
//     overflow: hidden;
//     position: relative;

//     .banner-loop {
//         a {
//             width: 100%;
//             float: left;
//             display: none;

//             img {
//                 width: 100%;
//                 min-height: 424px; //此处设置最小高度,通过图片宽度和比例自动计算高度
//                 vertical-align: top; //保证li大小和img一样
//             }
//         }

//         .banner-loop-show {
//             display: inline-block;
//         }
//     }

//     ol {
//         position: absolute;
//         left: 50%;
//         transform: translateX(-50%); //精巧的定位居中       //动画的处理不在盒模型中显示
//         bottom: 24px;

//         li {
//             width: 14px;
//             height: 14px;
//             border-radius: 7px;
//             float: left;
//             margin: 0 7px;
//             background: #ffffff;
//             cursor: pointer;
//         }

//         .banner-ol-show {
//             background: $from -82px 0;
//         }
//     }
// }

.swiper-container{
    width: 100% !important;
    min-width: 1280px !important;
}

.my_swiper_img {
    vertical-align: top;
    width: 100%;
}

.swiper-pagination-bullet {
    background: #ffffff !important;
    width: 13px !important;
    height: 13px !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet-active{
    background: red !important;
}

section {
    ul {
        overflow: hidden;

        li {
            width: 25%;
            float: left;
            text-align: center;

            img {
                width: 100%;
            }
        }

        p {
            font-size: 18px;
            font-weight: 600;
            height: 45px;
            line-height: 45px;
        }
    }
}